<%--
  Created by IntelliJ IDEA.
  User: ZhuChunXiao
  Date: 2017/5/18
  Time: 16:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
  String _id=request.getParameter("_");
  request.setAttribute("now",new Date());
%>

<%--<div class="row">--%>
  <%--<div class="col-lg-12">--%>
    <div class="panel">
      <div class="panel-heading header">
        <h3 class="panel-title" id="title">会议安排登记表</h3>
      </div>

      <div style="margin: 10px">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs">
          <li class="active"><a id="other1" href="#s1" data-toggle="tab">基本信息</a></li>
          <li class="disabled"><a id="other2" href="#s2" data-toggle="tab">个人信息</a></li>
          <li class="disabled"><a id="other3" href="#s3" data-toggle="tab">用工信息</a></li>
          <li class="disabled"><a id="other4" href="#s4" data-toggle="tab">异动信息</a></li>
          <li class="disabled"><a id="other5" href="#s5" data-toggle="tab">资产信息</a></li>
          <li class="disabled"><a id="other6" href="#s6" data-toggle="tab">培训记录</a></li>
          <li class="disabled"><a id="other7" href="#s7" data-toggle="tab">奖惩记录</a></li>
        </ul>

        <!-- Tabs Content -->
        <div class="tab-content">
          <input type="hidden" id="tableWidth" />

          <div class="tab-pane fade in active" id="s1">
            <!-- BASIC FORM ELEMENTS -->
            <!--===================================================-->
            <form id="form_personnelinfo_input" class="panel-body form-horizontal form-padding">
              <input type="hidden" name="keyId" id="keyId" value="${personnelInfo.id}" />
              <input type="hidden" name="curDutyId" id="curDutyId" value=""/>

              <div class="form-group" id="tempWidth">
                <label class="col-md-2 control-label">姓名<i class="fa fa-asterisk txt-color-red"></i></label>
                <div class="col-md-6">
                  <input type="text" id="name" name="name" class="form-control" value="${personnelInfo.name}" disabled>
                </div>
              </div>

              <div class="form-group">
                <label class="col-md-2 control-label">性别<i class="fa fa-asterisk txt-color-red"></i>
                </label>
                <div class="col-md-6">
                  <input type="text" id="sex" name="sex" class="form-control" value="${personnelInfo.sex==1?'男':'女'}" disabled>
                </div>
              </div>

              <div class="form-group">
                <label class="col-md-2 control-label">身份证号<i class="fa fa-asterisk txt-color-red"></i></label>
                <div class="col-md-6">
                  <input type="text" id="cardId" name="cardId" class="form-control" value="${personnelInfo.cardId}" disabled>
                </div>
              </div>

              <div class="form-group">
                <label class="col-md-2 control-label">部门<i class="fa fa-asterisk txt-color-red"></i></label>
                <div class="col-md-6">
                  <input type="text" id="deptName" name="deptName" class="form-control" value="${personnelInfo.department.name}" disabled>
                </div>
              </div>

              <div class="form-group">
                <label class="col-md-2 control-label">岗位<i class="fa fa-asterisk txt-color-red"></i></label>
                <div class="col-md-6">
                  <input type="text" id="postName" name="postName" class="form-control" value="${personnelInfo.post.name}" disabled>
                </div>
              </div>

              <div class="form-group">
                <label class="col-md-2 control-label">移动电话<i class="fa fa-asterisk txt-color-red"></i></label>
                <div class="col-md-6">
                  <input type="text" id="phone" name="phone" class="form-control" value="${personnelInfo.phone}" disabled>
                </div>
              </div>

              <div class="form-group">
                <label class="col-md-2 control-label">电子邮件<i class="fa fa-asterisk txt-color-red"></i></label>
                <div class="col-md-6">
                  <input type="text" id="email" name="email" class="form-control" value="${personnelInfo.email}" disabled>
                </div>
              </div>

              <div class="form-group">
                <label class="col-md-2 control-label">提交人</label>
                <div class="col-md-2">
                  <p class="form-control-static">${personnelInfo.creater.name}</p>
                </div>
                <label class="col-md-2 control-label">提交日期</label>
                <div class="col-md-2">
                  <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd" value="${personnelInfo.createTime}" /></p>
                </div>
              </div>

              <c:if test='${(personnelInfo.processState=="Running" || personnelInfo.processState=="Backed") && stepNo !=1 && stepNo !=0}'>
                <div class="form-group" id="comment">
                  <label class="col-md-2 control-label">审批意见</label>
                  <div class="col-md-6">
                    <textarea name="editor" id="editor" style="height:200px;"></textarea>
                  </div>
                </div>
              </c:if>

              <div class="flow">
                <div class="panel-footer">
                  <a class="btn btn-default" id="apply-re-common" href="javascript:void(0)">
                    <i class="fa fa-lg fa-mail-reply"></i> 返回
                  </a>
                  <a class="btn btn-default" key="ajax_edit" href="javascript:void(0);" ${isEdit}>
                    <i class="fa fa-lg fa-edit"></i> 编辑
                  </a>
                </div>

                <div class="f_title"><i class="right" id="flow"></i>流程信息</div>
                <div class="f_content" style="display:none">
                  <div id="showFlow"></div>
                </div>
                <div class="f_title"><i class="right" id="next"></i>下一步骤提示</div>
                <div class="f_content" style="display:none">
                  <div id="showNext"></div>
                </div>
              </div>

            </form>
            <!--===================================================-->
            <!-- END BASIC FORM ELEMENTS -->
            
          </div>


          <%--第二部分！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！--%>
          <div class="tab-pane fade" id="s2"></div>
          <div class="tab-pane fade" id="s3"></div>
          <div class="tab-pane fade" id="s4"></div>
          <div class="tab-pane fade" id="s5"></div>
          <div class="tab-pane fade" id="s6"></div>
          <div class="tab-pane fade" id="s7"></div>
        </div>
      </div>

    </div>
  <%--</div>--%>
<%--</div>--%>

<script>
  var state = "${personnelInfo.processState}";
  var index = "${index}";
  var todo = "${todo}";
  var remind = "${remind}";
  var record = "${record}";
  var draft =  "${draft}";
  var stepNo = "${stepNo}";

  if(state == "Finished"){
    $('#other2').parent('li').removeClass('disabled');
    $('#other3').parent('li').removeClass('disabled');
    $('#other4').parent('li').removeClass('disabled');
    $('#other5').parent('li').removeClass('disabled');
    $('#other6').parent('li').removeClass('disabled');
    $('#other7').parent('li').removeClass('disabled');
  }
  
  
  $(function(){
    $("#tableWidth").val($("#tempWidth").width());

    loadURL("<%=path%>/com/running/workflow?bussinessId="+$("input#keyId").val()+"&type=flow",$('#showFlow'));
    loadURL("<%=path%>/com/running/workflow?bussinessId="+$("input#keyId").val()+"&type=next",$('#showNext'));
    __ajax_post("<%=path%>/com/running/operateType",{keyId: $("input#keyId").val()},function(pdata){
      var showDuty = false;
      var area = $("form .panel-footer");
      var edit = null;
      if (stepNo == 1){
        return false;
      }
      $(pdata.datarows).each(function(i,v){
        var str = '<a id="left_foot_btn_'+ v.action+'" class="btn btn-warning" href="javascript:void(0);"><i class="fa fa-upload">'+ v.name+'</i></a>&nbsp;';
        $(area).append(str);
        if(v.action == "approve" || v.action=="sendback"  || v.action=="deny"){
          showDuty = true;
        }
      });
      if(showDuty == true){
        var pdata = {
          keyId: $("input#keyId").val(),
          entityName: "com.fz.us.oa.core.entity.com.PersonnelInfo"
        };
        multiDuty(pdata);
      }else{
        $('#comment').hide();
      }
      if($(':visible#editor').length == 1){
        edit  = new UE.ui.Editor();
        edit.render('editor');
        /*
         edit.ready(function() {
         edit.setContent("");
         });*/
      }
      //通过
      $("#left_foot_btn_approve").off("click").on("click",function(){
        var comment = "";
        if(edit != null){
          comment = encodeURIComponent(edit.getContent());
        }
        if($.trim(comment) == ""){
          alert("请填写审批意见");
          return false;
        }
        __form_save("form_personnelinfo_input","<%=path%>/com/personnelInfo/approve?comment="+comment,function(){
          $("#apply-re-common").trigger("click");
        })
      });
      //退回
      $("#left_foot_btn_sendback").off("click").on("click",function(){
        var comment = "";
        if(edit != null){
          comment = encodeURIComponent(edit.getContent());
        }
        if($.trim(comment) == ""){
          alert("请填写审批意见");
          return false;
        }
        var vActionUrl="<%=path%>/com/personnelInfo/back?comment="+comment+"&curDutyId="+$('#curDutyId').val();
        var data={keyId:$("input#keyId").val()};
        __ajax_post(vActionUrl,data,function(pdata){
          __toastr(pdata);
          $("#apply-re-common").trigger("click");
        });
      });
      //否决
      $("#left_foot_btn_deny").off("click").on("click",function(){
        var comment = "";
        if(edit != null){
          comment = encodeURIComponent(edit.getContent());
        }
        if($.trim(comment) == ""){
          alert("请填写审批意见");
          return false;
        }
        var vActionUrl="<%=path%>/com/personnelInfo/deny?comment="+comment+"&curDutyId="+$('#curDutyId').val();
        var data={keyId:$("input#keyId").val()};
        __ajax_post(vActionUrl,data,function(pdata){
          __toastr(pdata);
          $("#apply-re-common").trigger("click");
        });
      });
    });

    //流程信息展开
    $('#flow,#next').click(function(){
      if($(this).hasClass("right")){
        $(this).removeClass("right").addClass("down");
        $(this).parent(".f_title").next("div.f_content").show();
      }else{
        $(this).removeClass("down").addClass("right");
        $(this).parent(".f_title").next("div.f_content").hide();
      }
    });

  });

  //个人信息
  $("#other2").click(function(){
    if(state=="Finished"){
      var selfId="${personnelInfo.personnelSelf.id}";
      if(selfId!=""&&selfId!=null){
        loadURL("<%=path%>/com/personnelSelf/read?keyId="+selfId,$('#s2'));
      }else{
        loadURL("<%=path%>/com/personnelSelf/input?parentId="+$("#form_personnelinfo_input #keyId").val(),$('#s2'));
      }
    }else{
      return false;
    }

  });

  //用工信息
  $("a#other3").click(function(){
    if(state=="Finished"){
      var useId="${personnelInfo.personnelUse.id}";
      if(useId!=""&&useId!=null){
        loadURL("<%=path%>/com/personnelUse/read?keyId="+useId,$('#s3'));
      }else{
        loadURL("<%=path%>/com/personnelUse/input?parentId="+$("#form_personnelinfo_input #keyId").val(),$('#s3'));
      }
    }
  });

  //异动信息
  var table_global_width=0;
  $("a#other4").off("click").on("click",function(e) {
    if(state == "Finished"){
      if (table_global_width == 0) {
        table_global_width = $("#s1").is(":visible") ? $("#s1").width() : $("#s2").width();
      }
      $('div').data("table_global_width", table_global_width);
      loadURL("<%=path%>/com/allChange/toList?parentId="+$("#form_personnelinfo_input #keyId").val(),$('div#s4'));
    }else{
      return false;
    }
  });

  //资产信息
  var table_global_width=0;
  $("a#other5").off("click").on("click",function(e) {
    if(state == "Finished"){
      if (table_global_width == 0) {
        table_global_width = $("#s1").is(":visible") ? $("#s1").width() : $("#s2").width();
      }
      $('div').data("table_global_width", table_global_width);
      loadURL("<%=path%>/com/assetUse/toList?parentId="+$("#form_personnelinfo_input #keyId").val(),$('div#s5'));
    }else{
      return false;
    }
  });

  //培训记录
  $("a#other6").off("click").on("click",function(e){
    if(state == "Finished"){
      if (table_global_width == 0) {
        table_global_width = $("#s1").is(":visible") ? $("#s1").width() : $("#s2").width();
      }
      $('div').data("table_global_width", table_global_width);
      loadURL("<%=path%>/com/train/toList?parentId="+$("#form_personnelinfo_input #keyId").val(),$('div#s6'));
    }else{
      return false;
    }
  });

  //奖惩记录
  $("a#other7").off("click").on("click",function(e){
    if(state == "Finished"){
      if (table_global_width == 0) {
        table_global_width = $("#s1").is(":visible") ? $("#s1").width() : $("#s2").width();
      }
      $('div').data("table_global_width", table_global_width);
      loadURL("<%=path%>/com/personnelReward/toList?parentId="+$("#form_personnelinfo_input #keyId").val(),$('div#s7'));
    }else{
      return false;
    }
  });




  //返回视图
  $("#apply-re-common").click(function(){

    if(index==1){
      loadURL("menu/dashboard",$('#page-content'));
    }else if(todo==1){
      loadURL("menu/toDo",$('#page-content'));
    }else if(remind==1){
      loadURL("menu/remind",$('#page-content'));
    }else if(record==1){
      loadURL("menu/taskRecord?type=1",$('#page-content'));
    }else if(record==2){
      loadURL("menu/taskRecord?type=2",$('#page-content'));
    }else if(draft==1){
      loadURL("menu/draft",$('#page-content'));
    }else{
      returnToHashUrl()
    }

  });

  //编辑
  $("a[key=ajax_edit]").click(function(){
    loadURL("<%=path%>/com/personnelInfo/input?keyId="+$("input#keyId").val()+"&draft="+draft+"&todo="+todo+"&remind="+remind+"&record="+record+"&index="+index,$('#page-content'));
  });

</script>







